<?php
    ?>
    <!DOCTYPE html>
        <html lang="en">
        <head>
            <meta charset="UTF-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>Document</title>
            <style>
                *{
                    margin: 0px;
                    padding: 0px;
                }
                .container{
                    display: flex;
                    flex-wrap: wrap;
                    width: 400px;
                    height: 400px;
                    border:1px solid;
                    display: flex;
                    margin: 0 auto;
                    position: relative;
                    overflow: hidden;
                }
                /* div{
                    box-sizing: border-box;
                } */
            </style>
        </head>
        <body>
            <div class="container">

            </div>
            <script src="../js/snake1.js">
                // let containerEle = document.querySelector(".container");
                // let i = parseInt(getComputedStyle(containerEle)['width']) ; 
                // console.log(i);
            </script>
        </body>
        </html>
    <?
?>